<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./js/echarts.min.js"></script>
</head>

<body>
  <div style="width:600px;height:400px;border:1px solid #333;"></div>

</body>
<script>
  let myChart = echarts.init(document.querySelector("div"))
  let option = {
    color: ["#dfce8d", "#ff00ff", "#ffff00", "#ff0f0f", "#00ff00"],
    series: {
      type: "funnel",
      // colorBy:"data",
      sort:"none ",
      data: [
        { name: "张三", value: 100 },
        { name: "李四", value: 400 },
        { name: "王五", value: 200 },
        { name: "赵六", value: 180 },
        { name: "钱七", value: 290 },
      ],
      emphasis: {
        disabled: false,
        itemStyle:{

        },
        label:{
          fontSize:50
        }

      },
      label: {
        show: true,
        position: "inside",
        fontSize:20,
        color:"#000"
      }
    }

  }
  myChart.setOption(option)
</script>

</html>